<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>

    <title>填写订单信息</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="//s01.mifile.cn/css/base.min.css?v2019101802a">
    <link href="${pageContext.servletContext.contextPath}/images/milogo.png" rel="icon" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="//s01.mifile.cn/css/checkout.min.css?v=201910311">
    <link href="${pageContext.servletContext.contextPath}/st/front/CSS/address.5087a172.css" rel="stylesheet">
    <style type="text/css">
        article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
            display: block
        }
        .class1
        {
            border:1px solid red;
        }
        audio, canvas, video {
            display: inline-block;
            *display: inline;
            *zoom: 1
        }

        audio:not([controls]) {
            display: none;
            height: 0
        }

        [hidden] {
            display: none
        }

        html {
            font-size: 100%;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%
        }

        html, button, input, select, textarea {
            font-family: sans-serif
        }

        body {
            margin: 0
        }

        a:active, a:hover {
            outline: 0
        }

        h1 {
            font-size: 2em;
            margin: 0.67em 0
        }

        h2 {
            font-size: 1.5em;
            margin: 0.83em 0
        }

        h3 {
            font-size: 1.17em;
            margin: 1em 0
        }

        h4 {
            font-size: 1em;
            margin: 1.33em 0
        }

        h5 {
            font-size: 0.83em;
            margin: 1.67em 0
        }

        h6 {
            font-size: 0.67em;
            margin: 2.33em 0
        }

        abbr[title] {
            border-bottom: 1px dotted
        }

        b, strong {
            font-weight: bold
        }

        blockquote {
            margin: 1em 40px
        }

        dfn {
            font-style: italic
        }

        hr {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            height: 0
        }

        mark {
            background: #ff0;
            color: #000
        }

        p, pre {
            margin: 1em 0
        }

        code, kbd, pre, samp {
            font-family: monospace, serif;
            _font-family: 'courier new', monospace;
            font-size: 1em
        }

        pre {
            white-space: pre;
            white-space: pre-wrap;
            word-wrap: break-word
        }

        q {
            quotes: none
        }

        q:before, q:after {
            content: '';
            content: none
        }

        small {
            font-size: 80%
        }

        sub, sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sup {
            top: -0.5em
        }

        sub {
            bottom: -0.25em
        }

        dl, menu, ol, ul {
            margin: 1em 0
        }

        dd {
            margin: 0 0 0 40px
        }

        menu, ol, ul {
            padding: 0 0 0 40px
        }

        nav ul, nav ol {
            list-style: none;
            list-style-image: none
        }

        img {
            border: 0;
            -ms-interpolation-mode: bicubic
        }

        svg:not(:root) {
            overflow: hidden;
            _zoom: 1
        }

        figure {
            margin: 0
        }

        form {
            margin: 0
        }

        fieldset {
            border: 1px solid #c0c0c0;
            margin: 0 2px;
            padding: 0.35em 0.625em 0.75em
        }

        legend {
            border: 0;
            padding: 0;
            white-space: normal;
            *margin-left: -7px
        }

        button, input, select, textarea {
            font-size: 100%;
            margin: 0;
            vertical-align: baseline;
            *vertical-align: middle
        }

        button, input {
            line-height: normal
        }

        button, select {
            text-transform: none
        }

        button, html input[type="button"], input[type="reset"], input[type="submit"] {
            -webkit-appearance: button;
            cursor: pointer;
            *overflow: visible;
            border-radius: 0
        }

        button[disabled], html input[disabled] {
            cursor: default
        }

        input[type="checkbox"], input[type="radio"] {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0;
            *height: 13px;
            *width: 13px
        }

        input[type="search"] {
            -webkit-appearance: textfield;
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        button::-moz-focus-inner, input::-moz-focus-inner {
            border: 0;
            padding: 0
        }

        textarea {
            overflow: auto;
            vertical-align: top
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        body {
            font: 14px/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
            color: #333;
            background-color: #fff;
            min-width: 1226px
        }

        a {
            color: #757575;
            text-decoration: none
        }

        a:hover {
            color: #ff6700;
            text-decoration: none
        }

        .clearfix {
            *zoom: 1
        }

        .clearfix:before, .clearfix:after {
            content: " ";
            display: table
        }

        .clearfix:after {
            clear: both
        }

        .hide {
            display: none !important
        }

        .ir {
            display: block;
            text-align: left;
            text-indent: -9999em;
            overflow: hidden;
            _zoom: 1
        }

        .sep, .ndash {
            margin: 0 .25em;
            font-family: sans-serif
        }

        .container {
            width: 1226px;
            *zoom: 1;
            margin-right: auto;
            margin-left: auto
        }

        .container:before, .container:after {
            content: " ";
            display: table
        }

        .container:after {
            clear: both
        }

        .row {
            margin-left: -14px;
            _margin-left: 0;
            *zoom: 1
        }

        .row:before, .row:after {
            content: " ";
            display: table
        }

        .row:after {
            clear: both
        }

        .page-main {
            background: #f5f5f5
        }

        .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .span13, .span14, .span15, .span16, .span17, .span18, .span19, .span20 {
            float: left;
            margin-left: 14px;
            min-height: 1px
        }

        .span1 {
            width: 48px
        }

        .span2 {
            width: 110px
        }

        .span3 {
            width: 172px
        }

        .span4 {
            width: 234px
        }

        .span5 {
            width: 296px
        }

        .span6 {
            width: 358px
        }

        .span7 {
            width: 420px
        }

        .span8 {
            width: 482px
        }

        .span9 {
            width: 544px
        }

        .span10 {
            width: 606px
        }

        .span11 {
            width: 668px
        }

        .span12 {
            width: 730px
        }

        .span13 {
            width: 792px
        }

        .span14 {
            width: 854px
        }

        .span15 {
            width: 916px
        }

        .span16 {
            width: 978px
        }

        .span17 {
            width: 1040px
        }

        .span18 {
            width: 1102px
        }

        .span19 {
            width: 1164px
        }

        .span20 {
            width: 1226px
        }

        .span-first {
            _margin-left: 0
        }

        .offset1 {
            margin-left: 48px
        }

        .offset2 {
            margin-left: 110px
        }

        .offset3 {
            margin-left: 172px
        }

        .offset4 {
            margin-left: 234px
        }

        .offset5 {
            margin-left: 296px
        }

        .offset6 {
            margin-left: 358px
        }

        .offset7 {
            margin-left: 420px
        }

        .offset8 {
            margin-left: 482px
        }

        .offset9 {
            margin-left: 544px
        }

        .offset10 {
            margin-left: 606px
        }

        .offset11 {
            margin-left: 668px
        }

        .offset12 {
            margin-left: 730px
        }

        .offset13 {
            margin-left: 792px
        }

        .offset14 {
            margin-left: 854px
        }

        .offset15 {
            margin-left: 916px
        }

        .offset16 {
            margin-left: 978px
        }

        .offset17 {
            margin-left: 1040px
        }

        .offset18 {
            margin-left: 1102px
        }

        .offset19 {
            margin-left: 1164px
        }

        .offset20 {
            margin-left: 1226px
        }

        .iconfont {
            font-family: "iconfont" !important;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;
            -moz-osx-font-smoothing: grayscale
        }

        .btn {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            width: 158px;
            height: 38px;
            padding: 0;
            margin: 0;
            border: 1px solid #b0b0b0;
            font-size: 14px;
            line-height: 38px;
            text-align: center;
            color: #b0b0b0;
            cursor: pointer;
            -webkit-transition: all .4s;
            transition: all .4s
        }

        .btn:hover {
            text-decoration: none;
            color: #b0b0b0
        }

        .btn:focus {
            outline: 0
        }

        .btn:active {
            -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.18)
        }

        .btn[disabled] {
            border-style: dashed !important;
            border-color: #e0e0e0;
            background-color: #fff !important;
            color: #b0b0b0 !important;
            cursor: default !important
        }

        .btn-disabled {
            background: #e0e0e0 !important;
            border-color: #e0e0e0 !important;
            color: #b0b0b0 !important;
            cursor: default !important
        }

        .btn-small {
            width: 118px;
            height: 28px;
            font-size: 12px;
            line-height: 28px
        }

        .btn-large {
            width: 178px;
            height: 48px;
            line-height: 48px
        }

        .btn-biglarge {
            width: 298px;
            height: 52px;
            line-height: 52px;
            font-size: 16px
        }

        .btn-block {
            display: block;
            width: 100%;
            padding-left: 0;
            padding-right: 0
        }

        input.btn, button.btn {
            width: 160px;
            height: 40px
        }

        input.btn-small, button.btn-small {
            width: 120px;
            height: 30px
        }

        input.btn-large, button.btn-large {
            width: 180px;
            height: 50px
        }

        input.btn-biglarge, button.btn-biglarge {
            width: 300px;
            height: 54px
        }

        .btn-gray {
            background: #b0b0b0;
            border-color: #b0b0b0;
            color: #fff
        }

        .btn-gray:hover {
            background-color: #757575;
            border-color: #757575;
            color: #fff
        }

        .btn-primary {
            background: #ff6700;
            border-color: #ff6700;
            color: #fff
        }

        .btn-primary:hover {
            background-color: #f25807;
            border-color: #f25807;
            color: #fff
        }

        .btn-green {
            background: #83c44e;
            border-color: #83c44e;
            color: #fff
        }

        .btn-green:hover {
            background-color: #71b639;
            border-color: #71b639;
            color: #fff
        }

        .btn-orange {
            background: #ffac13;
            border-color: #ffac13;
            color: #fff
        }

        .btn-orange:hover {
            background-color: #ff920f;
            border-color: #ff920f;
            color: #fff
        }

        .btn-gold {
            background: #ffd600;
            border-color: #ffd600;
            color: #fff
        }

        .btn-gold:hover {
            background-color: #fec517;
            border-color: #fec517;
            color: #fff
        }

        .btn-ocean {
            background: #2196f3;
            border-color: #2196f3;
            color: #fff
        }

        .btn-ocean:hover {
            background-color: #0c80dc;
            border-color: #0c80dc;
            color: #fff
        }

        .btn-blue {
            background: #545ad0;
            border-color: #545ad0;
            color: #fff
        }

        .btn-blue:hover {
            background-color: #494fc5;
            border-color: #494fc5;
            color: #fff
        }

        .btn-red {
            background: #e53935;
            border-color: #e53935;
            color: #fff
        }

        .btn-red:hover {
            background-color: #e42a27;
            border-color: #e42a27;
            color: #fff
        }

        .btn-purple {
            background: #a31daf;
            border-color: #a31daf;
            color: #fff
        }

        .btn-purple:hover {
            background-color: #9715a2;
            border-color: #9715a2;
            color: #fff
        }

        .btn-pink {
            background: #f93e7a;
            border-color: #f93e7a;
            color: #fff
        }

        .btn-pink:hover {
            background-color: #e9306c;
            border-color: #e9306c;
            color: #fff
        }

        .btn-cyan {
            background: #00c0a5;
            border-color: #00c0a5;
            color: #fff
        }

        .btn-cyan:hover {
            background-color: #03b3ad;
            border-color: #03b3ad;
            color: #fff
        }

        .btn-line-gray {
            border-color: #b0b0b0;
            background: #fff;
            color: #757575
        }

        .btn-line-gray:hover {
            color: #fff;
            background-color: #757575;
            border-color: #757575
        }

        .btn-line-primary {
            border-color: #ff6700;
            background: #fff;
            color: #ff6700
        }

        .btn-line-primary:hover {
            color: #fff;
            background-color: #f25807;
            border-color: #f25807
        }

        .btn-line-green {
            border-color: #83c44e;
            background: #fff;
            color: #83c44e
        }

        .btn-line-green:hover {
            color: #fff;
            background-color: #71b639;
            border-color: #71b639
        }

        .btn-line-orange {
            border-color: #ffac13;
            background: #fff;
            color: #ffac13
        }

        .btn-line-orange:hover {
            color: #fff;
            background-color: #ff920f;
            border-color: #ff920f
        }

        .btn-line-gold {
            border-color: #ffd600;
            background: #fff;
            color: #ffd600
        }

        .btn-line-gold:hover {
            color: #fff;
            background-color: #fec517;
            border-color: #fec517
        }

        .btn-line-ocean {
            border-color: #2196f3;
            background: #fff;
            color: #2196f3
        }

        .btn-line-ocean:hover {
            color: #fff;
            background-color: #0c80dc;
            border-color: #0c80dc
        }

        .btn-line-blue {
            border-color: #545ad0;
            background: #fff;
            color: #545ad0
        }

        .btn-line-blue:hover {
            color: #fff;
            background-color: #494fc5;
            border-color: #494fc5
        }

        .btn-line-red {
            border-color: #e53935;
            background: #fff;
            color: #e53935
        }

        .btn-line-red:hover {
            color: #fff;
            background-color: #e42a27;
            border-color: #e42a27
        }

        .btn-line-purple {
            border-color: #a31daf;
            background: #fff;
            color: #a31daf
        }

        .btn-line-purple:hover {
            color: #fff;
            background-color: #9715a2;
            border-color: #9715a2
        }

        .btn-line-pink {
            border-color: #f93e7a;
            background: #fff;
            color: #f93e7a
        }

        .btn-line-pink:hover {
            color: #fff;
            background-color: #e9306c;
            border-color: #e9306c
        }

        .btn-line-cyan {
            border-color: #00c0a5;
            background: #fff;
            color: #00c0a5
        }

        .btn-line-cyan:hover {
            color: #fff;
            background-color: #03b3ad;
            border-color: #03b3ad
        }

        .input-label {
            position: absolute;
            left: 12px;
            top: 11px;
            z-index: 2;
            padding: 0 3px;
            font-size: 14px;
            line-height: 18px;
            color: #b0b0b0;
            background: transparent;
            cursor: text;
            -webkit-transition: all .2s linear;
            transition: all .2s linear
        }

        .input-text {
            width: 186px;
            height: 18px;
            padding: 10px 16px;
            border: 1px solid #e0e0e0;
            font-size: 14px;
            line-height: 18px;
            background: #fff;
            -webkit-transition: border-color .2s linear;
            transition: border-color .2s linear
        }

        .input-text:hover {
            border-color: #b0b0b0
        }

        .input-text:focus {
            outline: 0
        }

        textarea.input-text {
            height: 3em;
            resize: vertical
        }

        .xm-select {
            display: block;
            width: 220px;
            margin-right: 14px
        }

        .xm-select label {
            position: absolute;
            right: 14px;
            top: 11px;
            z-index: 1;
            width: 16px;
            height: 16px;
            padding: 0;
            font-size: 16px;
            line-height: 1;
            color: #b0b0b0;
            cursor: pointer;
            pointer-events: none
        }

        .xm-select select {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 120%;
            max-width: 120%;
            min-width: 120%;
            height: 38px;
            margin: 0;
            border: 0;
            padding: 0 16px;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            font-size: 14px;
            font-weight: 400;
            line-height: 38px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            _zoom: 1;
            vertical-align: middle;
            background: none;
            color: #333;
            outline: none;
            cursor: pointer
        }

        .xm-select .dropdown {
            position: relative;
            display: block;
            overflow: hidden;
            _zoom: 1;
            width: 100%;
            max-width: 100%;
            height: 38px;
            border: 1px solid #e0e0e0;
            background: #fff;
            color: #333;
            -webkit-transition: border-color .2s linear;
            transition: border-color .2s linear
        }

        .xm-select:hover .dropdown {
            border-color: #b0b0b0
        }

        .xm-ie-select label {
            display: none
        }

        .xm-ie-select select {
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            width: 96%;
            max-width: 96%;
            min-width: 96%;
            height: 28px;
            line-height: 28px;
            padding: 0 2%
        }

        .xm-ie-select .dropdown {
            height: 33px;
            *height: 32px;
            padding-top: 5px;
            *padding-top: 8px;
            *border: 0
        }

        .form-section {
            position: relative;
            margin: 0 0 14px;
            padding: 0;
            border: 0;
            text-align: left
        }

        .form-section .input-text::-webkit-input-placeholder {
            color: #fff
        }

        .form-section .input-text::-moz-placeholder {
            color: #fff
        }

        .form-section .input-text::placeholder {
            color: #fff
        }

        .form-section .input-text[disabled] {
            background-color: #f5f5f5
        }

        .form-section .input-text[disabled]::-webkit-input-placeholder {
            color: #f5f5f5
        }

        .form-section .input-text[disabled]::-moz-placeholder {
            color: #f5f5f5
        }

        .form-section .input-text[disabled]::placeholder {
            color: #f5f5f5
        }

        .form-section .msg {
            position: absolute;
            left: 10px;
            top: -26px;
            z-index: 5;
            padding: 6px 12px;
            margin: 0;
            font-size: 12px;
            -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18);
            box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18)
        }

        .form-section .msg-error {
            visibility: hidden;
            visibility: visible \9;
            display: none \9;
            opacity: 0;
            filter: alpha(opacity=0) \9;
            background-color: #e53935;
            color: #fff;
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
            -webkit-transition: all .2s;
            transition: all .2s
        }

        .form-section .msg-error:after {
            position: absolute;
            top: 30px;
            left: 15px;
            width: 12px;
            height: 6px;
            content: '';
            background: url("") no-repeat 50% 50%
        }

        .form-section-focus .input-text {
            border-color: #ff6700
        }

        .form-section-focus .input-text::-webkit-input-placeholder {
            color: #b0b0b0;
            -webkit-transition: color .2s .2s linear;
            transition: color .2s .2s linear
        }

        .form-section-focus .input-text::-moz-placeholder {
            color: #b0b0b0;
            transition: color .2s .2s linear
        }

        .form-section-focus .input-text::placeholder {
            color: #b0b0b0;
            -webkit-transition: color .2s .2s linear;
            transition: color .2s .2s linear
        }

        .form-section-focus .input-label {
            color: #ff6700
        }

        .form-section-focus .msg-error {
            display: block \9;
            visibility: visible;
            opacity: 1;
            filter: alpha(opacity=100) \9;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        .form-section-active .input-label {
            top: -7px;
            font-size: 12px;
            background: #fff
        }

        .form-section-error textarea.input-text, .form-section-error input.input-text {
            background: url("../i/icon/input-err.png") no-repeat 95% 50%
        }

        .loading {
            padding: 20px 0
        }

        .loader {
            position: relative;
            margin: 0 auto;
            width: 4px;
            height: 20px;
            background: #ff6700;
            overflow: visible;
            -webkit-animation-delay: 0s;
            animation-delay: 0s;
            -webkit-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
            transform: scale(1, 1)
        }

        .loader, .loader:before, .loader:after {
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-animation-name: loader;
            animation-name: loader;
            -webkit-animation-duration: .3s;
            animation-duration: .3s;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-direction: alternate-reverse;
            animation-direction: alternate-reverse
        }

        .loader:before, .loader:after {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 4px;
            height: 20px;
            content: '';
            background: #ff6700
        }

        .loader:before {
            margin: -10px 0 0 -10px;
            -webkit-animation-delay: .25s;
            animation-delay: .25s;
            -webkit-transform: scale(1, 0.3);
            -ms-transform: scale(1, 0.3);
            transform: scale(1, 0.3)
        }

        .loader:after {
            margin: -10px 0 0 6px;
            -webkit-animation-delay: .5s;
            animation-delay: .5s;
            -webkit-transform: scale(1, 0.5);
            -ms-transform: scale(1, 0.5);
            transform: scale(1, 0.5)
        }

        .loader-white, .loader-white:before, .loader-white:after {
            background: #fff
        }

        .loader-gray, .loader-gray:before, .loader-gray:after {
            background: rgba(0, 0, 0, 0.3);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c000000", endColorstr="#4c000000") \9
        }

        @-webkit-keyframes loader {
            0% {
                -webkit-transform: scale(1, 0.5);
                opacity: .2;
                filter: alpha(opacity=20) \9
            }
            100% {
                -webkit-transform: scale(1, 1);
                opacity: 1;
                filter: alpha(opacity=100) \9
            }
        }

        @keyframes loader {
            0% {
                -webkit-transform: scale(1, 0.5);
                transform: scale(1, 0.5);
                opacity: .2;
                filter: alpha(opacity=20) \9
            }
            100% {
                -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
                opacity: 1;
                filter: alpha(opacity=100) \9
            }
        }

        .fade {
            opacity: 0;
            filter: alpha(opacity=0) \9;
            -webkit-transition: opacity .15s linear;
            transition: opacity .15s linear
        }

        .fade.in {
            opacity: 1;
            filter: alpha(opacity=100) \9
        }

        .modal-backdrop {
            position: fixed !important;
            _position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            background-color: #000
        }

        .modal-backdrop.fade {
            opacity: 0;
            filter: alpha(opacity=0) \9
        }

        .modal-backdrop, .modal-backdrop.fade.in {
            opacity: 0.5;
            filter: alpha(opacity=50) \9
        }

        .modal {
            position: fixed !important;
            top: 50%;
            left: 50%;
            _position: absolute;
            _top: 15%;
            _margin-top: 0;
            z-index: 1050;
            width: 660px;
            margin-left: -330px;
            margin-top: -300px;
            background-color: #fff;
            outline: none
        }

        .modal.fade {
            -webkit-transition: opacity .4s linear, top .4s ease-out;
            transition: opacity .4s linear, top .4s ease-out;
            top: -25%
        }

        .modal.fade.in {
            top: 50%;
            _top: 15%
        }

        .modal .close {
            position: absolute;
            top: 14px;
            right: 14px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: #757575;
            cursor: pointer;
            -webkit-transition: all .2s;
            transition: all .2s;
            z-index: 10;
            border-radius: 15px
        }

        .modal .close:hover {
            color: #fff;
            background-color: #e53935
        }

        .modal .close .iconfont {
            font-size: 24px;
            font-weight: 200;
            vertical-align: middle
        }

        .modal-hide {
            display: none
        }

        .modal-header, .modal-hd {
            position: relative;
            height: 32px;
            padding: 14px 20px;
            background-color: #f5f5f5
        }

        .modal-header h3, .modal-header .title, .modal-hd h3, .modal-hd .title {
            margin: 0;
            font-size: 18px;
            font-weight: 400;
            line-height: 32px;
            color: #424242
        }

        .modal-body, .modal-bd {
            position: relative;
            max-height: 400px;
            padding: 40px 60px
        }

        .modal-footer, .modal-ft {
            height: 40px;
            padding: 20px 0;
            border-top: 1px solid #e0e0e0;
            text-align: center;
            background-color: #f5f5f5;
            *zoom: 1
        }

        .modal-footer:before, .modal-footer:after, .modal-ft:before, .modal-ft:after {
            content: " ";
            display: table
        }

        .modal-footer:after, .modal-ft:after {
            clear: both
        }

        .modal-footer .btn, .modal-ft .btn {
            margin: 0 7px
        }

        .modal-alert {
            width: 500px;
            margin-left: -250px
        }

        .modal-alert .modal-bd {
            padding: 60px 60px 40px;
            text-align: center
        }

        .modal-alert .text {
            min-height: 130px
        }

        .modal-alert h3, .modal-alert .title {
            margin: 0;
            font-size: 30px;
            font-weight: 400;
            line-height: 50px;
            color: #424242
        }

        .modal-alert p {
            margin: 0;
            font-size: 18px;
            line-height: 30px;
            color: #b0b0b0
        }

        .modal-alert .actions .btn {
            margin: 0 7px
        }

        .breadcrumbs {
            height: 40px;
            font-size: 12px;
            line-height: 40px;
            background: #f5f5f5;
            color: #616161
        }

        .breadcrumbs a {
            color: #757575
        }

        .breadcrumbs a:hover {
            color: #424242
        }

        .breadcrumbs .sep {
            margin: 0 0.5em;
            color: #b0b0b0
        }

        .xm-pagenavi {
            height: 30px;
            padding: 15px 0;
            text-align: center
        }

        .xm-pagenavi .numbers {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            width: 48px;
            height: 24px;
            padding: 3px 0;
            margin: 0 7px;
            font-size: 18px;
            font-weight: 200;
            line-height: 24px;
            color: #b0b0b0
        }

        .xm-pagenavi .iconfont {
            font-size: 24px;
            vertical-align: bottom
        }

        .xm-pagenavi a.numbers {
            -webkit-transition: all .2s linear;
            transition: all .2s linear
        }

        .xm-pagenavi a.numbers:hover {
            background: #b0b0b0;
            color: #fff
        }

        .xm-pagenavi .current {
            background-color: #757575;
            color: #fff
        }

        .xm-carousel-list {
            margin: 0;
            padding: 0;
            list-style-type: none
        }

        .xm-carousel-list li {
            float: left;
            width: 234px;
            margin-right: 14px
        }

        .xm-carousel-col-4-list li {
            width: 296px
        }

        .xm-carousel-col-5-list li {
            float: left;
            width: 234px
        }

        .xm-controls .control {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            text-align: center;
            color: #b0b0b0;
            -webkit-transition: color .5s;
            transition: color .5s
        }

        .xm-controls .control:focus {
            outline: 0
        }

        .xm-controls .control:hover, .xm-controls .control.active {
            color: #ff6700
        }

        .xm-controls-small .control {
            width: 24px;
            height: 16px;
            padding: 16px 0;
            font-size: 16px;
            line-height: 16px
        }

        .xm-controls-middle .control {
            width: 48px;
            height: 48px;
            padding: 24px 0;
            font-size: 48px;
            line-height: 48px
        }

        .xm-controls-large .control {
            width: 64px;
            height: 64px;
            padding: 16px 0;
            font-size: 64px;
            line-height: 64px
        }

        .xm-controls-line-small .control {
            width: 24px;
            height: 16px;
            padding: 3px 5px;
            border: 1px solid #e0e0e0;
            font-size: 16px;
            line-height: 16px
        }

        .xm-controls-line-small .control-disabled, .xm-controls-small .control-disabled, .xm-controls-middle .control-disabled, .xm-controls-large .control-disabled {
            color: #e0e0e0
        }

        .xm-controls-line-small .control-disabled:hover, .xm-controls-line-small .control-disabled.active, .xm-controls-small .control-disabled:hover, .xm-controls-small .control-disabled.active, .xm-controls-middle .control-disabled:hover, .xm-controls-middle .control-disabled.active, .xm-controls-large .control-disabled:hover, .xm-controls-large .control-disabled.active {
            color: #e0e0e0
        }

        .xm-controls-block-small .control, .xm-controls-block-middle .control {
            background-color: #b0b0b0;
            background-color: rgba(66, 66, 66, 0.2);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33424242", endColorstr="#33424242") \9;
            color: #fff;
            -webkit-transition: background-color .5s;
            transition: background-color .5s
        }

        .xm-controls-block-small .control:hover, .xm-controls-block-small .control.active, .xm-controls-block-middle .control:hover, .xm-controls-block-middle .control.active {
            color: #fff;
            background-color: #757575;
            background-color: rgba(66, 66, 66, 0.6);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99424242", endColorstr="#99424242") \9
        }

        .xm-controls-block-small .control-disabled, .xm-controls-block-middle .control-disabled {
            color: #fafafa
        }

        .xm-controls-block-small .control-disabled:hover, .xm-controls-block-small .control-disabled.active, .xm-controls-block-middle .control-disabled:hover, .xm-controls-block-middle .control-disabled.active {
            color: #fafafa
        }

        .xm-controls-block-small .control {
            width: 20px;
            height: 24px;
            padding: 12px 0;
            font-size: 18px;
            line-height: 24px
        }

        .xm-controls-block-middle .control {
            width: 36px;
            height: 48px;
            padding: 24px 0;
            font-size: 36px;
            line-height: 48px
        }

        .xm-controls .control-disabled {
            cursor: default
        }

        .xm-pagers-wrapper {
            text-align: center
        }

        .xm-pagers {
            margin: 0;
            padding: 0;
            list-style-type: none
        }

        .xm-pagers .dot {
            display: block;
            width: 6px;
            height: 6px;
            border: 2px solid #f5f5f5;
            border-radius: 6px;
            text-align: left;
            text-indent: -9999em;
            overflow: hidden;
            _zoom: 1;
            background-color: #b0b0b0;
            -webkit-transition: all .5s;
            transition: all .5s
        }

        .xm-pagers .pager {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            width: 10px;
            height: 10px;
            padding: 10px;
            margin: 0 2px;
            cursor: pointer
        }

        .xm-pagers .pager:hover .dot {
            background: #ff6700
        }

        .xm-pagers .pager-active {
            cursor: default
        }

        .xm-pagers .pager-active .dot, .xm-pagers .pager-active:hover .dot {
            border-color: #ff6700;
            background-color: #f5f5f5;
            background-color: transparent
        }

        .site-topbar {
            position: relative;
            z-index: 30;
            height: 40px;
            font-size: 12px;
            color: #b0b0b0;
            background: #333
        }

        .site-topbar a {
            color: #b0b0b0;
            line-height: 40px;
            display: inline-block;
            *zoom: 1;
            *display: inline
        }

        .site-topbar a:hover {
            color: #fff
        }

        .site-topbar .sep {
            margin: 0 .5em;
            color: #424242
        }

        .site-topbar .topbar-nav {
            float: left;
            height: 40px;
            line-height: 40px
        }

        .site-topbar .topbar-cart, .site-topbar .topbar-info {
            position: relative;
            float: right;
            _display: inline;
            height: 40px
        }

        .site-topbar .topbar-cart {
            width: 120px;
            margin-left: 15px
        }

        .site-topbar .topbar-cart-filled .cart-mini {
            color: #fff;
            background: #ff6700
        }

        .site-topbar .topbar-cart-active .cart-mini {
            color: #ff6700;
            background: #fff
        }

        .site-topbar .topbar-info {
            line-height: 40px
        }

        .site-topbar .topbar-info .link, .site-topbar .topbar-info .user, .site-topbar .topbar-info .message, .site-topbar .topbar-info .sep {
            float: left
        }

        .site-topbar .topbar-info .link {
            padding: 0 5px;
            text-align: center
        }

        .site-topbar .topbar-info .link-order {
            width: 70px
        }

        .site-topbar .topbar-info .sep {
            margin: 0
        }

        .site-topbar .cart-mini {
            position: relative;
            z-index: 32;
            display: block;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #b0b0b0;
            background: #424242
        }

        .site-topbar .cart-mini i {
            margin-right: 4px;
            font-size: 20px;
            line-height: 20px;
            vertical-align: -4px
        }

        .site-topbar .cart-mini-num {
            margin-left: -4px
        }

        .site-topbar .cart-menu {
            display: none;
            position: absolute;
            right: 0;
            right: -1px \9;
            top: 40px;
            z-index: 31;
            width: 316px;
            padding: 15px 0 0;
            color: #424242;
            background: #fff;
            border: 1px solid #e0e0e0 \9;
            border-top: 0 \9;
            -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15)
        }

        .site-topbar .cart-menu .loading {
            margin: 5px 20px 20px;
            text-align: center
        }

        .site-topbar .cart-menu .msg {
            margin: 5px 20px 20px;
            text-align: center
        }

        .site-topbar .cart-list {
            *position: relative;
            margin: 0;
            padding: 0;
            list-style-type: none
        }

        .site-topbar .cart-list li {
            position: relative;
            height: 80px;
            padding: 0 20px
        }

        .site-topbar .cart-list li:first-child .cart-item, .site-topbar .cart-list li.first .cart-item {
            border-top: 0
        }

        .site-topbar .cart-item {
            position: relative;
            height: 60px;
            padding: 10px 0;
            border-top: 1px solid #e0e0e0;
            line-height: 20px
        }

        .site-topbar .cart-item:hover .btn-del {
            display: block
        }

        .site-topbar .cart-item .thumb {
            float: left;
            margin-right: 10px
        }

        .site-topbar .cart-item .thumb img {
            width: 60px;
            height: 60px
        }

        .site-topbar .cart-item .name {
            float: left;
            _display: inline;
            width: 95px;
            height: 40px;
            margin: 10px 0;
            color: #424242;
            overflow: hidden;
            _zoom: 1
        }

        .site-topbar .cart-item a.name:hover {
            color: #ff6700
        }

        .site-topbar .cart-item .price {
            float: right;
            _display: inline;
            margin: 10px 20px 0 5px
        }

        .site-topbar .cart-item .btn-del {
            display: none;
            _display: block;
            position: absolute;
            top: 21px;
            right: 0
        }

        .site-topbar .cart-item .btn-del:hover {
            color: #424242
        }

        .site-topbar .cart-item .btn-del i {
            font-size: 16px;
            line-height: 16px
        }

        .site-topbar .cart-total {
            padding: 15px 20px;
            background: #fafafa
        }

        .site-topbar .cart-total em {
            font-style: normal
        }

        .site-topbar .cart-total .total {
            float: left;
            width: 135px;
            color: #757575
        }

        .site-topbar .cart-total .price {
            display: block;
            font-weight: 400;
            color: #ff6700
        }

        .site-topbar .cart-total .price em {
            font-size: 24px;
            line-height: 1
        }

        .site-topbar .cart-total .btn-cart {
            float: right;
            width: 130px;
            padding: 0;
            font-size: 14px;
            line-height: 40px;
            text-align: center;
            color: #f5f5f5;
            background: #ff6700
        }

        .site-topbar .user {
            position: relative;
            width: 110px;
            padding: 0;
            white-space: nowrap
        }

        .site-topbar .user-name {
            position: relative;
            z-index: 5;
            display: block;
            width: 120px;
            height: 40px;
            text-align: center
        }

        .site-topbar .user-name .name {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            width: auto;
            _width: 75px;
            max-width: 75px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            _zoom: 1;
            vertical-align: text-bottom
        }

        .site-topbar .user-name i {
            font-size: 24px;
            line-height: 24px;
            vertical-align: 9px
        }

        .site-topbar .user-menu {
            display: none;
            position: absolute;
            left: 0;
            left: -1px \9;
            top: 40px;
            z-index: 3;
            width: 120px;
            margin: 0;
            padding: 7px 0;
            border: 1px solid #e0e0e0 \9;
            border-top: 0 \9;
            list-style-type: none;
            background: #fff;
            -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15)
        }

        .site-topbar .user-menu a {
            display: block;
            padding: 3px 30px;
            line-height: 2
        }

        .site-topbar .user-active a {
            color: #424242
        }

        .site-topbar .user-active a:hover {
            color: #ff6700
        }

        .site-topbar .user-active .user-name {
            background: #fff
        }

        .site-topbar .user-active .user-menu a {
            -webkit-transition: all .2s;
            transition: all .2s
        }

        .site-topbar .user-active .user-menu a:hover {
            background-color: #f5f5f5
        }

        .site-topbar .message {
            padding: 0 10px
        }

        .site-topbar .message i {
            font-style: normal
        }

        .site-header {
            position: relative;
            z-index: 20;
            height: 100px
        }

        .site-header .container {
            position: relative
        }

        .site-header .header-logo {
            float: left;
            width: 62px;
            margin-top: 22px
        }

        .site-header .header-nav {
            float: left;
            width: 850px
        }

        .site-header .header-search {
            float: right;
            width: 296px;
            margin-top: 25px
        }

        .site-header .logo {
            position: relative;
            display: block;
            width: 55px;
            height: 55px;
            overflow: hidden;
            _zoom: 1;
            background-color: #ff6700;
            *background: url(${pageContext.servletContext.contextPath}/images/logo.jpg) no-repeat 50% 50%
        }

        .site-header .logo:before, .site-header .logo:after {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            width: 55px;
            height: 55px;
            content: '';
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transition: all .2s;
            transition: all .2s
        }

        .site-header .logo:before {
            background: url(${pageContext.servletContext.contextPath}/images/milogo.png) no-repeat 50% 50%;
            opacity: 1;
            filter: alpha(opacity=100) \9;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        .site-header .logo:after {
            background: url(../i/mi-home.png) no-repeat 50% 50%;
            opacity: 0;
            filter: alpha(opacity=0) \9;
            margin-left: -55px;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        .site-header .logo:focus {
            outline: 0
        }

        .site-header .logo:hover:before {
            opacity: 0;
            filter: alpha(opacity=0) \9;
            -webkit-transform: translate3d(55px, 0, 0);
            transform: translate3d(55px, 0, 0)
        }

        .site-header .logo:hover:after {
            opacity: 1;
            filter: alpha(opacity=100) \9;
            -webkit-transform: translate3d(55px, 0, 0);
            transform: translate3d(55px, 0, 0)
        }

        .site-header .logo:active:after {
            -webkit-transform: translate3d(55px, 0, 0) scale(0.9);
            transform: translate3d(55px, 0, 0) scale(0.9)
        }

        .site-header .nav-list {
            position: relative;
            z-index: 10;
            float: left;
            width: 820px;
            height: 88px;
            margin: 0;
            padding: 12px 0 0 30px;
            list-style-type: none;
            font-size: 16px
        }

        .site-header .nav-item {
            float: left
        }

        .site-header .nav-item .link {
            display: block;
            padding: 26px 10px 38px;
            *padding: 26px 8px 38px;
            color: #333
        }

        .site-header .nav-item .link:focus {
            outline: 0
        }

        .site-header .nav-item .item-children {
            display: none
        }

        .site-header .nav-category {
            position: relative;
            float: left;
            width: 127px;
            padding-right: 15px
        }

        .site-header .nav-category .link-category {
            display: block;
            padding: 26px 0 38px;
            text-align: right;
            color: #333
        }

        .site-header .nav-item-active {
            position: relative
        }

        .site-header .nav-item-active .link {
            color: #ff6700
        }

        .site-header .nav-item-active:after {
            position: absolute;
            top: 50px;
            left: 50%;
            width: 600px;
            height: 40px;
            margin-left: -300px;
            content: '';
            background-color: transparent
        }

        .site-header .header-nav-menu {
            position: absolute;
            top: 100px;
            left: 0;
            z-index: 24;
            width: 100%;
            height: 229px;
            border-top: 1px solid #e0e0e0;
            background: #fff
        }

        .site-header .header-nav-menu .children-list {
            margin: 0;
            padding: 0;
            list-style-type: none;
            font-size: 12px
        }

        .site-header .header-nav-menu .children-list li {
            position: relative;
            float: left;
            width: 180px;
            padding: 35px 12px 0;
            text-align: center
        }

        .site-header .header-nav-menu .children-list li:before {
            position: absolute;
            left: 0;
            top: 35px;
            z-index: 1;
            width: 1px;
            height: 100px;
            content: "";
            background-color: #e0e0e0
        }

        .site-header .header-nav-menu .children-list .first:before {
            display: none
        }

        .site-header .header-nav-menu .figure-thumb {
            width: 160px;
            height: 110px;
            margin: 0 auto 16px;
            text-align: center
        }

        .site-header .header-nav-menu .figure-thumb img {
            width: 160px;
            height: 110px
        }

        .site-header .header-nav-menu .figure-thumb a {
            display: block
        }

        .site-header .header-nav-menu .title {
            margin: 0;
            line-height: 20px;
            color: #333
        }

        .site-header .header-nav-menu .title, .site-header .header-nav-menu .title a {
            color: #333
        }

        .site-header .header-nav-menu .price {
            margin: 0;
            line-height: 20px;
            color: #ff6700
        }

        .site-header .header-nav-menu .flags {
            position: absolute;
            top: -1px;
            left: 0;
            z-index: 1;
            width: 100%;
            font-size: 12px;
            text-align: center
        }

        .site-header .header-nav-menu .flag {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            height: 18px;
            padding: 1px 20px;
            border: 1px solid #ff6700;
            color: #ff6700
        }

        .site-header .header-nav-menu-active {
            border-bottom: 1px solid #e0e0e0 \9;
            -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18);
            box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18);
            -webkit-transition: -webkit-box-shadow .2s;
            transition: box-shadow .2s
        }

        .site-header .search-form {
            position: relative;
            width: 296px;
            height: 50px
        }

        .site-header .search-form .keyword-list {
            position: absolute;
            left: 0;
            top: 50px;
            _top: 51px;
            z-index: 20;
            width: 243px;
            border: 1px solid #ff6700;
            border-top: 0;
            background: #fff
        }

        .site-header .search-form .keyword-list ul {
            margin: 0;
            padding: 0;
            list-style-type: none
        }

        .site-header .search-form .keyword-list li.active, .site-header .search-form .keyword-list li:hover {
            background: #fafafa
        }

        .site-header .search-form .keyword-list li a {
            position: relative;
            display: block;
            padding: 6px 15px;
            font-size: 12px;
            color: #424242
        }

        .site-header .search-form .keyword-list li .keyword {
            color: #ff6700
        }

        .site-header .search-form .keyword-list li .result {
            position: absolute;
            right: 15px;
            top: 6px;
            color: #b0b0b0
        }

        .site-header .search-form:hover .search-text {
            border-color: #b0b0b0
        }

        .site-header .search-form:hover .search-btn {
            border-color: #b0b0b0
        }

        .site-header .search-form:hover .search-btn:hover {
            border-color: #ff6700
        }

        .site-header .search-form-focus:hover .search-text {
            border-color: #ff6700
        }

        .site-header .search-form-focus:hover .search-btn {
            border-color: #ff6700
        }

        .site-header .search-form-focus .search-text {
            border-color: #ff6700
        }

        .site-header .search-form-focus .search-btn {
            border-color: #ff6700
        }

        .site-header .search-form-focus .search-btn:hover {
            background-color: #ff6700;
            color: #fff
        }

        .site-header .search-text {
            position: absolute;
            top: 0;
            right: 51px;
            z-index: 1;
            width: 223px;
            height: 48px;
            padding: 0 10px;
            border: 1px solid #e0e0e0;
            font-size: 14px;
            line-height: 48px;
            outline: 0;
            -webkit-transition: all .2s;
            transition: all .2s
        }

        .site-header .search-btn {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2;
            width: 52px;
            height: 50px;
            border: 1px solid #e0e0e0;
            font-size: 24px;
            line-height: 24px;
            background: #fff;
            color: #616161;
            outline: 0;
            -webkit-transition: all .2s;
            transition: all .2s
        }

        .site-header .search-btn:hover {
            background: #ff6700;
            color: #fff
        }

        .site-header .search-hot-words {
            position: absolute;
            top: 14px;
            right: 62px;
            z-index: 2;
            text-align: right
        }

        .site-header .search-hot-words a {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            margin-left: 5px;
            padding: 0 5px;
            font-size: 12px;
            background: #eee;
            color: #757575;
            -webkit-transition: all .2s;
            transition: all .2s
        }

        .site-header .search-hot-words a:hover {
            background: #ff6700;
            color: #fff
        }

        .site-category {
            display: none;
            position: absolute;
            top: 88px;
            left: -92px;
            z-index: 21;
            width: 234px;
            height: 460px;
            font-size: 14px
        }

        .site-category-list {
            height: 418px;
            margin: 0;
            padding: 20px 0;
            list-style-type: none;
            border: 1px solid #ff6700;
            color: #424242;
            background: #fff
        }

        .site-category-list .category-item-active .title {
            background: #ff6700;
            color: #fff
        }

        .site-category-list .category-item-active .title i {
            color: #fff;
            color: rgba(255, 255, 255, 0.5)
        }

        .site-category-list .category-item-active .children {
            display: block
        }

        .site-category-list .title {
            position: relative;
            display: block;
            padding-left: 30px;
            height: 42px;
            line-height: 42px;
            color: #424242
        }

        .site-category-list .title i {
            position: absolute;
            top: 12px;
            right: 20px;
            font-size: 16px;
            line-height: 16px;
            color: #e0e0e0
        }

        .site-category-list .children-list {
            height: 458px;
            margin: 0;
            padding: 2px 0;
            list-style-type: none
        }

        .site-category-list .children-list li {
            position: relative;
            float: left;
            width: 265px;
            height: 76px
        }

        .site-category-list .children-list li.star-goods .link {
            width: 170px;
            padding-right: 0
        }

        .site-category-list .children-list .link {
            display: block;
            padding: 18px 20px;
            line-height: 40px;
            color: #333;
            -webkit-transition: color .2s;
            transition: color .2s
        }

        .site-category-list .children-list .link:hover {
            color: #ff6700
        }

        .site-category-list .children-list .thumb {
            margin-right: 12px;
            vertical-align: middle
        }

        .site-category-list .children-list .text {
            line-height: 40px
        }

        .site-category-list .children-list .btn-buy {
            position: absolute;
            right: 10px;
            top: 26px;
            width: 58px;
            height: 22px;
            line-height: 22px
        }

        .site-category-list .children-list-col {
            float: left;
            width: 265px
        }

        .site-category-list .children {
            display: none;
            position: absolute;
            left: 234px;
            top: 0;
            z-index: 24;
            height: 458px;
            border: 1px solid #e0e0e0;
            border-left: 0;
            background: #fff;
            -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18)
        }

        .site-category-list .children-col-1 {
            width: 265px
        }

        .site-category-list .children-col-2 {
            width: 530px
        }

        .site-category-list .children-col-3 {
            width: 795px
        }

        .site-category-list .children-col-4 {
            width: 992px
        }

        .site-category-list .children-col-4 .children-list-col {
            width: 248px
        }

        .site-footer .footer-service {
            padding: 27px 0;
            border-bottom: 1px solid #e0e0e0
        }

        .site-footer .list-service {
            margin: 0;
            padding: 0;
            list-style-type: none
        }

        .site-footer .list-service li {
            float: left;
            width: 19.8%;
            height: 25px;
            border-left: 1px solid #e0e0e0;
            font-size: 16px;
            line-height: 25px;
            text-align: center
        }

        .site-footer .list-service li:first-child {
            border-left: 0
        }

        .site-footer .list-service .iconfont {
            margin-right: 6px;
            font-size: 24px;
            line-height: 24px;
            vertical-align: -4px
        }

        .site-footer .list-service a {
            color: #616161;
            -webkit-transition: color .2s;
            transition: color .2s
        }

        .site-footer .list-service a:hover {
            color: #ff6700
        }

        .site-footer .footer-links {
            padding: 40px 0
        }

        .site-footer .footer-links .col-links {
            float: left;
            width: 160px;
            height: 112px;
            margin: 0
        }

        .site-footer .footer-links .col-links dt {
            margin: -1px 0 26px;
            font-size: 14px;
            line-height: 1.25;
            color: #424242
        }

        .site-footer .footer-links .col-links dd {
            margin: 10px 0 0;
            font-size: 12px
        }

        .site-footer .footer-links .col-links a {
            color: #757575
        }

        .site-footer .footer-links .col-links a:hover {
            color: #ff6700
        }

        .site-footer .footer-links .col-contact {
            float: right;
            width: 251px;
            height: 112px;
            border-left: 1px solid #e0e0e0;
            text-align: center;
            color: #616161
        }

        .site-footer .footer-links .col-contact p {
            margin: 0 0 16px;
            font-size: 12px
        }

        .site-footer .footer-links .col-contact .phone {
            margin: 0 0 5px;
            font-size: 22px;
            line-height: 1;
            color: #ff6700
        }

        .site-info {
            padding: 30px 0;
            font-size: 12px;
            background: #fafafa
        }

        .site-info .container {
            position: relative
        }

        .site-info .logo {
            width: 57px;
            height: 57px;
            margin-right: 10px;
            background: url(${pageContext.servletContext.contextPath}/images/milogo.png) no-repeat 50% 50%;
            position: absolute;
            top: 0;
            left: 0
        }

        .site-info .info-text {
            color: #b0b0b0;
            padding-left: 67px
        }

        .site-info .info-text p {
            margin: 0;
            line-height: 18px
        }

        .site-info .info-text a {
            color: #b0b0b0
        }

        .site-info .info-text a:hover {
            color: #ff6700
        }

        .site-info .info-text .sites a {
            color: #757575
        }

        .site-info .info-text .sites a:hover {
            color: #ff6700
        }

        .site-info .info-links {
            height: 28px;
            margin: 4px 0 0;
            padding-left: 67px
        }

        .site-info .info-links img {
            width: auto;
            height: 28px;
            margin-left: 0px;
            margin-bottom: 15px
        }

        .site-info .slogan {
            clear: both;
            margin: 30px auto 0;
            width: 267px;
            height: 19px;
            background: url(../i/slogan2016.png) no-repeat center 0
        }

        .site-mini-header {
            font-size: 12px;
            border-bottom: 2px solid #ff6700;
            background: #fff;
            color: #b0b0b0
        }

        .site-mini-header .header-logo {
            width: 93px;
            margin-top: 26px
        }

        .site-mini-header .logo {
            width: 48px;
            height: 48px
        }

        .site-mini-header .logo:before, .site-mini-header .logo:after {
            width: 48px;
            height: 48px
        }

        .site-mini-header .header-title {
            float: left;
            margin-top: 26px
        }

        .site-mini-header .header-title h2, .site-mini-header .header-title p {
            margin: 0
        }

        .site-mini-header .header-title h2 {
            font-size: 28px;
            line-height: 48px;
            font-weight: normal;
            color: #424242
        }

        .site-mini-header .header-title h2 span {
            margin-left: 10px;
            color: #ff6700
        }

        .site-mini-header .has-more h2 {
            margin-bottom: 6px;
            line-height: 1
        }

        .site-mini-header .has-more p {
            color: #757575;
            line-height: 1
        }

        .site-mini-header .topbar-nav {
            float: left;
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            _zoom: 1
        }

        .site-mini-header .topbar-cart, .site-mini-header .topbar-info {
            position: relative;
            float: right;
            _display: inline;
            height: 40px
        }

        .site-mini-header .topbar-cart {
            width: 115px;
            margin-left: 15px
        }

        .site-mini-header .topbar-cart-filled .cart-mini {
            color: #fff;
            background: #ff6700
        }

        .site-mini-header .topbar-cart-active .cart-mini {
            color: #ff6700;
            background: #fff
        }

        .site-mini-header .topbar-info {
            line-height: 40px
        }

        .site-mini-header .topbar-info .link, .site-mini-header .topbar-info .user, .site-mini-header .topbar-info .message, .site-mini-header .topbar-info .sep {
            float: left
        }

        .site-mini-header .topbar-info .link {
            padding: 0 5px
        }

        .site-mini-header .topbar-info .sep {
            margin: 0
        }

        .site-mini-header .user {
            position: relative;
            width: 110px;
            padding: 0;
            white-space: nowrap
        }

        .site-mini-header .user-name {
            position: relative;
            z-index: 5;
            display: block;
            width: 120px;
            height: 40px;
            text-align: center
        }

        .site-mini-header .user-name .name {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            width: auto;
            _width: 75px;
            max-width: 75px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            _zoom: 1;
            vertical-align: text-bottom
        }

        .site-mini-header .user-name i {
            font-size: 24px;
            line-height: 24px;
            vertical-align: 9px
        }

        .site-mini-header .user-menu {
            display: none;
            position: absolute;
            left: 0;
            left: -1px \9;
            top: 40px;
            z-index: 3;
            width: 120px;
            margin: 0;
            padding: 7px 0;
            border: 1px solid #e0e0e0 \9;
            border-top: 0 \9;
            list-style-type: none;
            background: #fff;
            -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15)
        }

        .site-mini-header .user-menu a {
            display: block;
            padding: 3px 30px;
            line-height: 2
        }

        .site-mini-header .user-active a {
            color: #424242
        }

        .site-mini-header .user-active a:hover {
            color: #ff6700
        }

        .site-mini-header .user-active .user-name {
            background: #fff
        }

        .site-mini-header .user-active .user-menu a {
            -webkit-transition: all .2s;
            transition: all .2s
        }

        .site-mini-header .user-active .user-menu a:hover {
            background-color: #f5f5f5
        }

        .site-mini-header .message {
            padding: 0 10px
        }

        .site-mini-header .message i {
            margin-left: 5px;
            font-style: normal;
            color: #e53935
        }

        .site-mini-header .topbar-info {
            margin-top: 30px
        }

        .site-mini-header .topbar-info .sep {
            color: #e0e0e0
        }

        .site-mini-header a {
            color: #757575
        }

        .modal-weixin {
            width: 680px;
            margin-left: -340px
        }

        .modal-weixin .modal-bd {
            height: 340px;
            padding: 0
        }

        .modal-globalSites {
            width: 880px;
            margin-left: -380px
        }

        .modal-globalSites .modal-bd {
            text-align: center;
            padding: 20px 40px;
            max-height: none
        }

        .modal-globalSites .modal-bd h3 {
            color: #424242;
            font-size: 32px;
            margin: 0
        }

        .modal-globalSites .modal-bd .modal-globalSites-tips {
            margin: 0;
            font-size: 18px
        }

        .modal-globalSites .modal-bd .modal-globalSites-links {
            margin: 30px auto 0
        }

        .modal-globalSites .modal-bd .modal-globalSites-links a {
            display: block;
            float: left;
            _display: inline;
            margin: 0 10px 20px;
            width: 140px;
            height: 40px;
            line-height: 40px;
            background-color: #eee
        }

        .modal-globalSites .modal-bd .modal-globalSites-links a:hover {
            background-color: #ff6700;
            color: #fff
        }

        .xm-recommend {
            *width: 1226px;
            *overflow: hidden;
            *_zoom: 1;
            *position: relative
        }

        .xm-recommend ul, .xm-recommend li, .xm-recommend dl, .xm-recommend dt, .xm-recommend dd {
            padding: 0;
            margin-top: 0;
            list-style: none
        }

        .xm-recommend ul li {
            margin-bottom: 14px;
            height: 300px;
            background-color: #fff;
            text-align: center;
            position: relative
        }

        .xm-recommend ul li:hover {
            z-index: 2;
            *z-index: auto
        }

        .xm-recommend ul li:hover .dot {
            -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1)
        }

        .xm-recommend ul li .dot {
            -webkit-transition: -webkit-box-shadow .2s linear;
            transition: box-shadow .2s linear
        }

        .xm-recommend ul li.pager {
            background-color: transparent
        }

        .xm-recommend ul.xm-carousel-list li {
            margin-right: 14px
        }

        .xm-recommend dl {
            padding: 0 20px;
            margin-bottom: 0
        }

        .xm-recommend dl dt {
            padding: 40px 0 15px;
            height: 145px
        }

        .xm-recommend dl dt img {
            width: 140px;
            height: 140px
        }

        .xm-recommend dl dd {
            margin-left: 0
        }

        .xm-recommend .xm-recommend-name {
            margin-bottom: 10px;
            height: 18px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            _zoom: 1
        }

        .xm-recommend .xm-recommend-name a {
            color: #333
        }

        .xm-recommend .xm-recommend-ad {
            display: block;
            width: 100%;
            margin: 0 auto
        }

        .xm-recommend .xm-recommend-price {
            margin-bottom: 10px;
            color: #ff6700
        }

        .xm-recommend .xm-recommend-tips {
            position: relative;
            color: #757575
        }

        .xm-recommend .xm-recommend-tips .btn {
            position: absolute;
            left: 37px;
            top: 0;
            width: 120px;
            display: none
        }

        .xm-recommend .xm-recommend-notice {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 5;
            width: 100%;
            opacity: 0;
            filter: alpha(opacity=0) \9;
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
            -webkit-transition: all .2s linear;
            transition: all .2s linear
        }

        .xm-recommend .xm-recommend-notice .btn {
            border-width: 0
        }

        .xm-recommend .xm-recommend-notice-active {
            opacity: 1;
            filter: alpha(opacity=100) \9;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        .xm-recommend-title {
            position: relative;
            margin: 0;
            height: 50px;
            font-size: 30px;
            font-weight: 400;
            color: #757575;
            border-top: 1px solid #e0e0e0;
            -webkit-font-smoothing: antialiased
        }

        .xm-recommend-title span {
            position: absolute;
            top: -20px;
            left: 372px;
            height: 40px;
            width: 482px;
            line-height: 40px;
            text-align: center;
            display: block;
            background-color: #f5f5f5
        }

        .modal-bigtap-queue {
            width: 800px;
            height: 600px;
            margin-left: -400px;
            margin-top: -300px
        }

        .modal-bigtap-queue .close {
            width: auto;
            padding: 0 8px;
            font-size: 12px
        }

        .modal-bigtap-queue .modal-body {
            text-align: center;
            padding: 0
        }

        .modal-bigtap-queue .con {
            height: 141px;
            overflow: hidden;
            _zoom: 1
        }

        .modal-bigtap-queue .title {
            margin: 30px 0 0;
            color: #424242;
            font-size: 38px;
            font-weight: normal
        }

        .modal-bigtap-queue .queue-tip-box {
            margin: 0 0 55px;
            overflow: hidden;
            _zoom: 1
        }

        .modal-bigtap-queue .queue-tip {
            display: none;
            color: #666;
            margin: 0;
            font-size: 16px
        }

        .modal-bigtap-queue .queue-posters {
            height: 459px;
            position: relative;
            overflow: hidden;
            _zoom: 1
        }

        .modal-bigtap-queue .queue-posters .poster {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            background-repeat: no-repeat;
            opacity: 0;
            filter: alpha(opacity=0) \9;
            -webkit-transition: opacity 1s ease, -webkit-transform 20s linear;
            transition: opacity 1s ease, transform 20s linear
        }

        .modal-bigtap-queue .queue-posters .poster-1 {
            background-image: url("//c1.mifile.cn/f/i/17/bigtap/poster-1.jpg")
        }

        .modal-bigtap-queue .queue-posters .poster-2 {
            background-image: url("//c1.mifile.cn/f/i/17/bigtap/poster-2.jpg")
        }

        .modal-bigtap-queue .queue-posters .poster-3 {
            background-image: url("//c1.mifile.cn/f/i/17/bigtap/poster-3.jpg")
        }

        .modal-bigtap-queue .queue-posters .poster-4 {
            background-image: url("//c1.mifile.cn/f/i/17/bigtap/poster-4.jpg")
        }

        .modal-bigtap-queue .queue-posters .poster-5 {
            background-image: url("//c1.mifile.cn/f/i/17/bigtap/poster-5.jpg")
        }

        .modal-bigtap-queue .queue-posters .active {
            opacity: 1;
            filter: alpha(opacity=100) \9;
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2)
        }

        .modal-bigtap-queue .queue-animate {
            position: relative
        }

        .modal-bigtap-queue .animate-mask {
            width: 200px;
            height: 100%;
            position: absolute;
            top: 0
        }

        .modal-bigtap-queue .animate-mask-left {
            left: 0;
            background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #fff), to(rgba(255, 255, 255, 0)));
            background-image: linear-gradient(to right, #fff 20%, rgba(255, 255, 255, 0))
        }

        .modal-bigtap-queue .animate-mask-right {
            right: 0;
            background-image: -webkit-gradient(linear, right top, left top, color-stop(20%, #fff), to(rgba(255, 255, 255, 0)));
            background-image: linear-gradient(to left, #fff 20%, rgba(255, 255, 255, 0))
        }

        .modal-bigtap-queue .mitu-walk {
            width: 594px;
            height: 270px;
            margin: 0 auto;
            background: url("//c1.mifile.cn/f/i/16/base/bigtap-mitu-queue-big.png") repeat-x 0
        }

        .modal-bigtap-error {
            width: 900px;
            height: 500px;
            margin-left: -450px;
            margin-top: -250px
        }

        .modal-bigtap-error .modal-body {
            height: 360px;
            padding: 140px 50px 0 385px;
            background: url("//s1.mi.com/open/131101/images/mitu-2.png") no-repeat 5px 0
        }

        .modal-bigtap-error h3 {
            color: #333;
            font-size: 32px;
            line-height: 1;
            padding: 0 0 20px;
            margin: 0
        }

        .modal-bigtap-error .error-tip {
            margin: 0;
            padding-bottom: 40px;
            line-height: 28px;
            font-size: 16px;
            color: #666
        }

        .modal-bigtap-mode {
            width: 700px;
            height: 460px;
            margin-left: -350px;
            margin-top: -230px
        }

        .modal-bigtap-mode .close {
            display: none
        }

        .modal-bigtap-mode .modal-body {
            padding-bottom: 0;
            text-align: center
        }

        .modal-bigtap-mode .modal-body .title {
            margin: 0 0 20px;
            color: #333;
            font-size: 32px;
            line-height: 1
        }

        .modal-bigtap-mode .modal-body .desc {
            margin: 0;
            color: #666
        }

        .modal-bigtap-mode .modal-body .reload {
            color: #C70F0F;
            text-decoration: underline
        }

        .modal-bigtap-mode .modal-body .mode-loading {
            margin: 20px 0
        }

        .modal-bigtap-mode .modal-body .input-text {
            display: block;
            margin: 0 auto 20px
        }

        .modal-bigtap-mode .modal-body .mode-action {
            margin: 20px 0 20px
        }

        .modal-bigtap-mode .modal-body .mode-con {
            margin-bottom: 20px;
            font-size: 16px
        }

        .modal-bigtap-mode .modal-body .mode-con .q {
            margin-bottom: 10px
        }

        .modal-bigtap-mode .modal-body .mode-con .d {
            height: 40px
        }

        .modal-bigtap-mode .modal-body .mode-con .refresh {
            font-size: 12px
        }

        .modal-bigtap-mode .modal-body .mode-con .img-q span {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            margin: 0 5px;
            vertical-align: middle
        }

        .modal-bigtap-mode .modal-body .mode-con .img-d {
            margin: 10px auto
        }

        .modal-bigtap-mode .modal-body .tip {
            color: #C70F0F
        }

        .modal-bigtap-soldout {
            width: 800px;
            height: 600px;
            margin-left: -400px;
            margin-top: -300px
        }

        .modal-bigtap-soldout .modal-body {
            padding: 0
        }

        .modal-bigtap-soldout .modal-body .content {
            padding: 60px 0
        }

        .modal-bigtap-soldout .modal-body .content .mitu {
            float: left;
            width: 240px;
            height: 240px;
            margin-left: 30px;
            background: url("//c1.mifile.cn/f/i/16/base/bigtap-mitu-faild.png") no-repeat
        }

        .modal-bigtap-soldout .modal-body .content .title {
            float: left;
            _display: inline;
            width: 500px;
            margin: 40px 0 0;
            font-size: 36px;
            line-height: 48px
        }

        .modal-bigtap-soldout .modal-body .content .subtitle {
            float: left;
            width: 500px;
            color: #757575;
            font-size: 16px
        }

        .modal-bigtap-soldout .modal-body .content .desc {
            float: left;
            width: 500px;
            color: #757575
        }

        .modal-bigtap-soldout .bigtap-recomment-goods .hd {
            margin-bottom: 34px;
            border-top: 1px solid #e0e0e0;
            text-align: center
        }

        .modal-bigtap-soldout .bigtap-recomment-goods .hd span {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            padding: 0 24px;
            font-size: 18px;
            line-height: 24px;
            position: relative;
            top: -12px;
            color: #757575;
            background-color: #fff
        }

        .modal-bigtap-soldout .bigtap-recomment-goods ul {
            margin: 0;
            padding: 0;
            list-style: none
        }

        .modal-bigtap-soldout .bigtap-recomment-goods li {
            float: left;
            width: 50%
        }

        .modal-bigtap-soldout .bigtap-recomment-goods li .pic {
            float: left;
            width: 130px;
            height: 130px;
            margin-right: 12px;
            margin-left: 44px;
            background-color: #eee
        }

        .modal-bigtap-soldout .bigtap-recomment-goods li .pic img {
            width: 130px;
            height: 130px
        }

        .modal-bigtap-soldout .bigtap-recomment-goods li .info {
            float: left;
            color: #333
        }

        .modal-bigtap-soldout .bigtap-recomment-goods li .info .title {
            margin: 5px 0 8px;
            font-size: 18px;
            font-weight: normal
        }

        .modal-bigtap-soldout .bigtap-recomment-goods li .info .desc {
            width: 170px;
            height: 40px;
            line-height: 20px;
            margin: 0 0 15px;
            overflow: hidden;
            _zoom: 1
        }

        .modal-bigtap-soldout .bigtap-recomment-goods li .info .link {
            color: #ff6700
        }

        .modal-bigtap-soldout-norec {
            height: 480px;
            margin-top: -240px
        }

        .modal-bigtap-soldout-norec .modal-body .bigtap-recomment-goods {
            display: none
        }

        .modal-bigtap-soldout-norec .modal-body .content {
            margin-top: 60px
        }

        .modal-user-risk .modal-bd {
            text-align: center
        }

        .modal-user-risk .modal-bd .title {
            margin: 0 0 5px;
            color: #757575;
            font-size: 20px;
            font-weight: normal
        }

        .modal-user-risk .modal-bd .desc {
            margin: 0 0 8px;
            color: #757575
        }

        .modal-user-risk .modal-bd .link {
            color: #ff6700
        }

        .modal-user-risk .modal-bd .form-section {
            width: 310px;
            margin: 20px auto
        }

        .modal-user-risk .modal-bd .form-section .input-text {
            width: 276px
        }

        .modal-user-risk .modal-bd .form-section .btn {
            width: auto;
            height: 40px;
            line-height: 40px;
            padding: 0 8px;
            position: absolute;
            top: 0;
            right: 0;
            border: none
        }

        .modal-user-risk .modal-bd .form-section .btn-get {
            color: #ff6700
        }

        .modal-user-risk .modal-bd .form-section .btn-coutdown {
            color: #b0b0b0
        }

        .modal-user-risk .modal-bd .tip-msg {
            color: #e53935
        }

        .drag-captcha-box {
            border-radius: 5px;
            overflow: hidden;
            _zoom: 1
        }

        .drag-captcha-piece {
            position: absolute;
            left: 0;
            background-repeat: no-repeat
        }

        .drag-captcha-bg-box {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1
        }

        .drag-captcha-refresh {
            position: absolute;
            right: 10px;
            top: 100px;
            z-index: 2;
            cursor: pointer;
            color: #fff;
            font-size: 16px
        }

        .drag-captcha-control {
            margin-top: 24px;
            margin-bottom: 5px;
            height: 30px;
            line-height: 30px;
            border-radius: 15px;
            position: relative;
            background-image: -webkit-gradient(linear, left top, right top, from(#bababa), to(#959595));
            background-image: linear-gradient(to right, #bababa, #959595)
        }

        .drag-captcha-control .handle {
            position: absolute;
            top: -5px;
            left: 0;
            width: 40px;
            height: 40px;
            background: #eee url("//c1.mifile.cn/f/i/16/base/drag-captcha-handle.png") no-repeat;
            cursor: pointer;
            -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.19);
            box-shadow: 0 20px 20px rgba(0, 0, 0, 0.19)
        }

        .drag-captcha-control .handle-active {
            background-position: 0 -40px
        }

        .drag-captcha-msg {
            text-align: center;
            color: #fff;
            opacity: .63;
            filter: alpha(opacity=63) \9
        }

        .drag-captcha-loading {
            display: none;
            position: absolute;
            top: 25px;
            left: 50%;
            z-index: 4;
            width: 80px;
            height: 80px;
            margin-left: -40px;
            border-radius: 5px;
            background-color: #fff;
            background-color: rgba(255, 255, 255, 0.8);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ccffffff", endColorstr="#ccffffff") \9;
            text-align: center
        }

        .drag-captcha-loading .iconfont {
            display: block;
            margin: 15px auto 5px;
            font-size: 20px;
            color: #424242
        }

        .drag-captcha-loading-backdrop {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 3;
            width: 100%;
            height: 130px;
            background-color: rgba(0, 0, 0, 0.4);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66000000", endColorstr="#66000000") \9
        }

        .modal-addcart-captcha-drag {
            width: 280px;
            height: 264px;
            margin-top: -132px;
            margin-left: -140px;
            border-radius: 5px
        }

        .modal-addcart-captcha-drag .modal-header {
            padding: 8px 15px
        }

        .modal-addcart-captcha-drag .close {
            top: 8px
        }

        .modal-addcart-captcha-drag .modal-body {
            padding: 15px;
            text-align: center
        }

        .modal-addcart-captcha-drag .drag-captcha-wrapper {
            margin: 0 auto
        }

        .modal-message-pop {
            width: 930px;
            height: 530px;
            margin-top: -265px;
            margin-left: -465px;
            background: none
        }

        .modal-message-pop .close {
            width: 26px;
            height: 26px;
            border: 2px solid #fff;
            line-height: 26px;
            color: #fff
        }

        .modal-message-pop .close:hover {
            background: none
        }

        .modal-message-pop .message-countdown {
            position: absolute;
            top: 50px;
            right: 14px;
            color: #fff;
            opacity: .5;
            filter: alpha(opacity=50) \9;
            z-index: 10
        }

        .modal-message-pop .message-countdown em {
            font-style: normal
        }

        .modal-message-pop .message-link {
            display: block;
            height: 530px;
            background-repeat: no-repeat;
            background-position: center bottom
        }

        body.lt-IE8 {
            height: 100%;
            overflow: hidden;
            _zoom: 1
        }

        .modal-update-browser {
            width: 730px;
            height: 570px;
            margin-top: -285px;
            _margin-top: 15%;
            margin-left: -365px;
            border-radius: 10px
        }

        .modal-update-browser .modal-body {
            height: 570px;
            max-height: 570px;
            padding: 0;
            text-align: center;
            overflow: hidden;
            _zoom: 1
        }

        .modal-update-browser .modal-body .tip {
            margin: 70px 0 30px;
            font-size: 18px;
            line-height: 2
        }

        .modal-update-browser .modal-body .app-code {
            display: block;
            margin: 0 auto 40px
        }

        .modal-update-browser .modal-body .download {
            width: 370px;
            margin: 0 auto
        }

        .modal-update-browser .modal-body .download dt {
            margin: 0 0 20px;
            padding: 0;
            color: #999
        }

        .modal-update-browser .modal-body .download dd {
            float: left;
            _display: inline;
            width: 160px;
            margin: 0 8px;
            list-style: none;
            border-radius: 10px;
            border: 1px solid #e6e6e6
        }

        .modal-update-browser .modal-body .download dd a {
            display: block;
            height: 60px;
            background-image: url("//c1.mifile.cn/f/i/17/update-browser/icons.png");
            background-repeat: no-repeat;
            text-indent: -9999em;
            border-radius: 10px
        }

        .modal-update-browser .modal-body .download dd a:hover {
            background-color: #f2f2f2
        }

        .modal-update-browser .modal-body .download dd .chrome {
            background-position: center 0
        }

        .modal-update-browser .modal-body .download dd .firefox {
            background-position: center -60px
        }

        .modal-agree .modal-body {
            padding: 20px
        }

        .modal-agree .con {
            max-height: 300px;
            overflow: auto;
            font-size: 14px;
            line-height: 24px;
            text-align: left
        }

        .modal-agree iframe {
            border: none
        }

        .modal-agree .desc {
            margin-left: 20px;
            margin-bottom: 20px
        }

        .modal-agree .desc span {
            color: #ff6700;
            cursor: pointer
        }

        .mitv-tips {
            float: left;
            margin-left: 20px;
            margin-top: 3px;
            padding-left: 10px;
            color: #757575;
            border-left: 1px solid #e0e0e0;
            line-height: 1
        }

        .mitv-tips span {
            color: #ff6700
        }

        .service-self-tip {
            display: none;
            width: 458px;
            padding: 12px 15px;
            margin-top: 14px;
            background-color: #f5f5f5;
            font-size: 12px;
            color: #757575
        }

        .modal-tip-goods {
            width: 800px;
            margin-left: -400px
        }

        .modal-tip-goods .list {
            margin: 0;
            padding: 0
        }

        .modal-tip-goods li {
            float: left;
            list-style: none;
            width: 240px;
            height: 240px;
            text-align: center
        }

        .modal-tip-goods li img {
            width: 160px;
            height: 160px
        }

        .modal-tip-goods li h3 {
            margin: 0 10px 10px;
            font-size: 14px;
            font-weight: normal
        }

        .modal-tip-goods li .price {
            margin: 0;
            color: #ff6700
        }

        .modal-tip-goods .msg {
            text-align: center;
            font-size: 20px;
            line-height: 36px
        }

        .modal-tip-goods .modal-bd {
            padding: 40px;
            position: relative
        }

        .modal-tip-goods .modal-bd .control {
            position: absolute;
            top: 0;
            width: 40px;
            height: 100%;
            line-height: 320px;
            padding: 0;
            border: none;
            font-size: 40px;
            font-weight: normal
        }

        .modal-tip-goods .modal-bd .control-prev {
            left: 0
        }

        .modal-tip-goods .modal-bd .control-next {
            right: 0
        }

        .modal-tip-goods-1 {
            width: 572px;
            margin-left: -286px
        }

        .modal-tip-goods-1 .list {
            width: 240px;
            margin: 0 auto
        }

        .modal-tip-goods-2 {
            width: 572px;
            margin-left: -286px
        }

        .modal-tip-goods-2 .list {
            width: 480px;
            margin: 0 auto
        }

        .modal-tip-goods-3 .list {
            width: 720px;
            margin: 0 auto
        }

        .modal-invoice {
            width: 800px;
            margin-left: -400px;
            margin-top: -340px
        }

        .modal-invoice ul, .modal-invoice li, .modal-invoice p {
            margin: 0;
            padding: 0
        }

        .modal-invoice ul, .modal-invoice li {
            list-style: none
        }

        .modal-invoice .modal-body {
            padding: 20px 0 20px 40px;
            max-height: 500px;
            height: 500px;
            overflow: auto
        }

        .modal-invoice .show-in-more {
            margin-bottom: 20px
        }

        .modal-invoice .in-section {
            padding-left: 76px;
            position: relative
        }

        .modal-invoice .tit {
            position: absolute;
            top: 0;
            left: 0;
            width: 76px;
            line-height: 40px
        }

        .modal-invoice .in-section-con {
            line-height: 40px
        }

        .modal-invoice .options li {
            float: left;
            height: 38px;
            line-height: 38px;
            border: 1px solid #fff;
            color: #333
        }

        .modal-invoice .options li span {
            color: #757575
        }

        .modal-invoice .options li a {
            color: #333;
            display: block;
            line-height: 38px
        }

        .modal-invoice .options .selected {
            border-color: #fff;
            color: #ff6700
        }

        .modal-invoice .options .selected span {
            color: #ff6700
        }

        .modal-invoice .options-list li {
            width: 235px;
            margin-right: 14px;
            margin-bottom: 14px;
            border-color: #e0e0e0;
            text-align: center;
            cursor: pointer;
            -webkit-transition: all .3s;
            transition: all .3s
        }

        .modal-invoice .options-list li:hover {
            border-color: #b0b0b0
        }

        .modal-invoice .options-list .selected {
            border-color: #ff6700
        }

        .modal-invoice .options-list .selected:hover {
            border-color: #ff6700
        }

        .modal-invoice .icon-qa {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            width: 20px;
            height: 20px;
            line-height: 20px;
            margin-left: 3px;
            border-radius: 10px;
            text-align: center;
            color: #fff;
            background-color: #ff6700;
            font-style: normal;
            cursor: pointer
        }

        .modal-invoice .invoice-tip {
            margin: 0 41px 14px 0;
            color: #757575;
            font-size: 12px
        }

        .modal-invoice .invoice-tip.active span {
            color: #ff6700
        }

        .modal-invoice .invoice-paper-tip {
            color: #ff6700
        }

        .modal-invoice .qa-detail {
            width: 264px;
            padding: 17px 20px;
            position: absolute;
            top: 39px;
            right: 0;
            border: 1px solid #e0e0e0;
            font-size: 12px;
            color: #757575;
            background-color: #fff;
            -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18);
            box-shadow: 0 3px 4px rgba(0, 0, 0, 0.18);
            z-index: 10
        }

        .modal-invoice .qa-detail a {
            color: #ff6700
        }

        .modal-invoice .qa-detail:before {
            content: "";
            display: block;
            position: absolute;
            top: -9px;
            left: 117px;
            width: 0;
            height: 0;
            overflow: hidden;
            _zoom: 1;
            border-width: 0 9px 9px;
            border-style: dashed dashed solid;
            border-color: transparent transparent #e0e0e0;
            z-index: 2
        }

        .modal-invoice .qa-detail:after {
            content: "";
            display: block;
            position: absolute;
            top: -8px;
            left: 118px;
            width: 0;
            height: 0;
            overflow: hidden;
            _zoom: 1;
            border-width: 0 8px 8px;
            border-style: dashed dashed solid;
            border-color: transparent transparent #fff;
            z-index: 3
        }

        .modal-invoice a:focus {
            outline: none
        }

        .modal-invoice .invoice-company-code-tip {
            margin-bottom: 14px
        }

        .modal-invoice .invoice-company-code-tip span {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            color: #757575
        }

        .modal-invoice .input-text-big {
            width: 454px
        }

        .modal-invoice .more {
            padding-left: 76px;
            position: relative
        }

        .modal-invoice .more dl, .modal-invoice .more dd, .modal-invoice .more dt {
            margin: 0;
            padding: 0
        }

        .modal-invoice .more a {
            color: #ff6700
        }

        .modal-invoice .more dt {
            position: absolute;
            top: 0;
            left: 0;
            width: 76px
        }

        .modal-invoice .more dd {
            -webkit-transition: color .3s;
            transition: color .3s;
            font-size: 12px;
            color: #757575;
            line-height: 1.8
        }

        .modal-invoice .more .active {
            color: #ff6700
        }

        .modal-agreement {
            margin-top: -166px
        }

        .modal-agreement h3 {
            text-align: center;
            margin-top: 0;
            font-size: 26px
        }

        .modal-agreement .left {
            float: left
        }

        .modal-agreement .right {
            margin-left: 100px
        }

        .modal-agreement .right .name {
            font-size: 18px
        }

        .modal-agreement .right p {
            margin: 0;
            margin-top: 5px
        }

        .modal-agreement .right .desc {
            color: #757575;
            position: relative
        }

        .modal-agreement .right .price {
            right: 0;
            position: absolute;
            top: 0;
            color: #757575
        }

        .modal-agreement .right .price span {
            color: #ff6700
        }

        .modal-agreement .right .agreement {
            margin-top: 40px
        }

        .modal-agreement .right .agreement .icon-checkbox {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            border-radius: 2px;
            margin: 0;
            width: 14px;
            height: 14px;
            line-height: 14px;
            margin-right: 5px;
            margin-top: 2px;
            font-size: 24px;
            text-align: center;
            cursor: pointer
        }

        .modal-agreement .right .agreement .icon-checkbox em {
            margin-top: 0;
            width: 24px;
            height: 24px;
            border-radius: 2px;
            border: 1px solid #b0b0b0;
            font-style: normal;
            line-height: 24px;
            color: #fff;
            font-size: 12px;
            vertical-align: inherit
        }

        .modal-agreement .right .agreement a {
            color: #ff6700;
            margin: 0;
            margin-left: 5px;
            display: inline-block;
            *zoom: 1;
            *display: inline
        }

        .modal-agreement .right .agreement a span {
            color: #757575;
            margin: 0 2px
        }

        .modal-agreement .right .agreement .active {
            color: #fff
        }

        .modal-agreement .right .agreement .active em {
            border-color: #ff6700;
            background-color: #ff6700
        }

        .modal-agreement .right .agreement .active a {
            color: #ff6700
        }

        .modal-agreement .right .agreement .active a .price {
            color: #757575
        }

        .modal-agreement .actions {
            margin-top: 30px;
            text-align: center
        }

        .redpacket-box {
            position: relative
        }

        .redpacket-box .redpacket-info {
            position: absolute;
            width: 390px;
            height: 144px;
            top: 50px;
            background: #fff;
            -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.24);
            box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.24);
            border: 1px solid #e0e0e0;
            z-index: 2;
            padding: 23px 20px
        }

        .redpacket-box .redpacket-info .btn {
            margin: 40px auto 0;
            display: block
        }

        .redpacket-box .redpacket-info li {
            font-size: 18px;
            display: block;
            font-weight: bold;
            color: rgba(0, 0, 0, 0.87);
            line-height: 24px;
            margin-bottom: 18px
        }

        .redpacket-box .redpacket-info li .icon {
            float: right;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 1px solid #e0e0e0;
            cursor: pointer
        }

        .redpacket-box .redpacket-info li .icon i {
            display: block;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: #ff6700;
            margin: 3px;
            display: none
        }

        .redpacket-box .redpacket-info li .icon.checked i {
            display: block
        }

        .redpacket-box .redpacket-info li .money {
            float: right;
            color: #ff6700;
            font-size: 18px;
            margin-right: 19px
        }

        .area_type {
            border: 2px solid #9a9cb8;
            width: 100px;
            height: 40px;
            border-radius: 5px;
        }

        #modal-overlay {
            visibility: hidden;
            position: absolute; /* 使用绝对定位或固定定位  */
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            z-index: 99;
            background-color: #333;
            opacity: 0.9; /* 背景半透明 */
        }

        /* 模态框样式 */
        .modal-data {
            width: 500px;
            height: 400px;
            margin: 100px auto;
            background-color: #fff;
            border: 2px solid #000;
            padding: 15px;
        }

        .modal-data .address {
            width: 100%;
            height: 40px;
            margin-bottom: 20px;
        }

        .modal-data .address span {
            line-height: 40px;
        }

        .modal-data .address input {
            margin-left: 10px;
            width: 250px;
            height: 40px;
            border-radius: 9px;
            border: solid 1px #000000;
            padding-left: 10px;
            line-height: 40px;
        }

        .modal-data .address .cancel {
            width: 75px;
            height: 36px;
            border: solid 1px gray;
            line-height: 36px;
            text-align: center;
            margin-left: 40px;
            margin-right: 110px;
            padding-left: 0px;
        }

        .modal-data .address .submit {
            width: 75px;
            height: 36px;
            line-height: 36px;
            border: solid 1px gray;
            text-align: center;
            padding-left: 0px;
        }

        .address select {
            border-radius: 9px;
            border: solid 1px #000000;
            font-size: 14px;
            width: 80px;
            height: 40px;
            margin-right: 10px;
        }

        /*给货地址样式*/
        .address-item dd {
            margin-top: 12px;
        }

        .address-item dd b {
            font-size: 14px;
            color: #000000;
        }
    </style>
    <script type="text/javascript" src="${pageContext.servletContext.contextPath}/st/front/JS/jquery-3.2.1.min.js"></script>
    <script>
        //ajax 修改地址
        function ajaxUpdate (name,tel,addres,aid){
            $.ajax({
                type:"post",
                url:"${pageContext.servletContext.contextPath}/ajax_UpAddress",
                async:false,
                dataType: "text",
                data:{name:name,tel:tel,addres:addres,aid:aid},
                success:function (res){
                    if(res==1){
                        alert("修改成功！请刷新");
                        console.log("修改成功");
                    }
                }
            });
        };
        //ajax 添加
        function ajaxAdd (name,tel,address){
            $.ajax({
                type:"post",
                url:"${pageContext.servletContext.contextPath}/ajax_addAddress",
                async:false,
                dataType: "text",
                data:{name:name,tel:tel,addres:address},
                success:function (res){
                    if(res==1){
                        alert("添加成功！请刷新！")
                        console.log("修改成功");
                    }
                }
            });
        };
        $(function (){
            $(".mi-popup2").hide();
            $(".mi-popup").hide();
            $(".J_addressItem").click(function (){
                var aid=$(this).find(".addaid").html();
                $("[name=addressId]").val(aid);
                //alert(aid);
                $(this).addClass("class1");  //这里设置点击的边框样式为宽为1px，实线红色边框。也可以根据需要修改样式
            });
            $(".J_addressItem").dblclick(function(){
                $(this).removeClass("class1");
            });
            $("#jiesuan").click(function (){
                //alert( $("[name=addressId]").val());
                //alert($("[name=param]").val());
                //alert($("[name=commId]").val());
                $("#form").submit();
            })
            //点击修改
            $(".update").click(function (){
                var name=$(this).parent().parent().find(".subname").html();
                var tel=$(this).parent().parent().find(".subphone").html();
                var address=$(this).parent().parent().find(".subprovince").html();
                var aid=$(this).parent().parent().find(".addaid").html();
                //alert(aid);
                $("[name=name]").val(name);
                $("[name=telephone]").val(tel);
                $("[name=addressInfo]").val(address);
                $(".mi-popup2 .aid").html(aid);
                $(".mi-popup2").show();
                //alert( $(".mi-popup2 .aid").html());
            })
            //修改地址点击 确定
            $(".mi-popup2 .btn-primary").on("click",function (){
                var name=$(this).parent().parent().parent().find("[name=name]").val();
                var tel=$(this).parent().parent().parent().find("[name=telephone]").val();
                var address=$(this).parent().parent().parent().find("[name=addressInfo]").val();
                var aid=$(".aid").html();
                //alert(name+tel+address+aid);
                ajaxUpdate(name,tel,address,aid);
                $(".mi-popup2").hide();

            })
            //点击x 关闭
            $(".mi-dialog__headerbtn").click(function (){
                $(".mi-popup2").hide();
            })
            $(".mi-dialog__close").click(function (){
                $(".mi-popup").hide();
            })
            //点击 取消
            $(".btn-gray").click(function (){
                $(".mi-popup2").hide();
                $(".mi-popup").hide();
            })
            //点击弹出
            $(".add-address").click(function (){
                $(".mi-popup").show();
            })
            //点击确定  添加地址
            $(".mi-popup .btn-primary").on("click",function (){
                var name=$(this).parent().parent().parent().find("[name=name]").val();
                var tel=$(this).parent().parent().parent().find("[name=telephone]").val();
                var sheng=$("#sheng").val();
                var shi=$("#shi").val();
                var qu=$("#qu").val();
                var add=$(this).parent().parent().parent().find("[name=addressInfo]").val();
                var address=sheng+shi+qu+add;
                //alert(name+tel+address);
                ajaxAdd(name,tel,address);
                $(".mi-popup").hide();
            });
        })
        $("#distpicker1").distpicker();
    </script>
</head>
<body>
<div class="site-header site-mini-header">
    <div class="container">
        <div class="header-logo">
            <a class="logo " href="${pageContext.servletContext.contextPath}/index" title="小米官网"></a>
        </div>
        <div class="header-title" id="J_miniHeaderTitle"><h2>确认订单</h2></div>
        <div class="topbar-info" id="J_userInfo">
        <span class="user">
        	<a rel="nofollow" class="user-name" href="${pageContext.servletContext.contextPath}/index" target="_blank">
        	<span class="name">
                ${name}
            </span><i class="iconfont"></i></a>
        	</span><span class="sep">|</span>
            <a rel="nofollow" class="link link-order" href="${pageContext.servletContext.contextPath}/Order_center" target="_blank">我的订单</a>
        </div>
    </div>
</div>


<div class="page-main">

    <div class="container">
        <div class="checkout-box">
            <form action="${pageContext.servletContext.contextPath}/Order" id="form" method="post">
                <div class="section section-address">
                    <div class="section-header clearfix">
                        <h3 class="title">收货地址</h3>
                        <div class="more">
                        </div>
                        <div class="mitv-tips hide" style="margin-left: 0;border: none;" id="J_bigproPostTip">
                        </div>
                    </div>
                    <div class="section-body clearfix" id="J_addressList">
                        <!-- 地址 -->
                            <c:forEach items="${addlist}" var="addlist">
                            <div class="address-item J_addressItem " data-address_id="11000000104623354">
                                <dl>
                                    <dt>
                                        <b>收货人:</b>
                                        <span class='subname'>${addlist.aname}</span>
                                    </dt>
                                    <dd class="utel phone" class="">
                                        <b>手机号:</b>
                                        <span class='subphone'>${addlist.phonenum}</span>
                                    </dd>
                                    <dd class="uaddress address">
                                        <b>地&nbsp;&nbsp;&nbsp;址:</b>
                                        <span class='subprovince'>${addlist.address}</span>
                                        <span class="addaid" style="display: none">${addlist.aid}</span>
                                    </dd>
                                    <dd style="margin-left:170px;">
                                        <a style="font-size:18px;" href="javascript:void(0)" class="update">修改</a>
                                    </dd>
                                </dl>
                                <div class="actions">
                                    <a href="javascript:void(0);" class="modify J_addressModify"
                                       data-stat-id="c893d143edbb3fec">修改</a>
                                </div>
                            </div>
                            </c:forEach>
                            <!-- 地址尾部-->
                            <div class="address-item address-item-new" id="J_newAddress">
                                <i class="iconfont add-address"></i>添加新地址
                            </div>
                    </div>
                </div>

                <div class="section section-goods">
                    <div class="section-header clearfix">
                        <h3 class="title">商品及优惠券</h3>
                    </div>
                    <div class="section-body">
                        <ul class="goods-list" id="J_goodsList">
                            <c:forEach var="shoppcarts" items="${shoppcarts}">
                                <li class="clearfix">
                                    <div class="col col-img">
                                        <img src="${pageContext.servletContext.contextPath}/images/${shoppcarts.picture}" width="30" height="30">
                                    </div>
                                    <div class="col col-name">
                                        <a href="" target="_blank">${shoppcarts.comname}</a>
                                    </div>
                                    <div class="col col-price">${shoppcarts.depraice}元
                                        x${shoppcarts.count}</div>
                                    <div class="col col-status">&nbsp;</div>
                                    <div class="col col-total">${shoppcarts.depraice*shoppcarts.count}元</div>
                                    <input type="hidden" name="price" value="${shoppcarts.depraice}"/>
                                    <input type="hidden" name="commId" value="${shoppcarts.scid}"/>
                                    <input type="hidden" name="commCount" value="${shoppcarts.count}"/>
                                </li>
                            </c:forEach>
                        </ul>

                    </div>
                </div>
                <div class="section section-options section-shipment clearfix">
                    <div class="section-header">
                        <h3 class="title">配送方式</h3>
                    </div>
                    <div class="section-body clearfix">
                        <ul class="clearfix J_optionList options ">
                            <li data-type="shipment" class="J_option selected" data-amount="10" data-value="2">
                                快递配送（运费 0 元）
                            </li>
                        </ul>
                        <div class="service-self-tip" id="J_serviceSelfTip" style="display: none;"></div>
                    </div>
                </div>
                <div class="section section-count clearfix">
                    <div class="money-box" id="J_moneyBox">
                        <ul>
                            <li class="clearfix">
                                <label>商品总价：</label>
                                <span class="val">${jiage}元</span>
                            </li>
                            <li class="clearfix">
                                <label>运费：</label>
                                <span class="val"><i data-id="J_postageVal">0</i>元</span>
                            </li>
                            <li class="clearfix total-price">
                                <label>应付总额：</label>
                                <span class="val"><em data-id="J_totalPrice">${jiage}</em>元</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="section-bar clearfix">
                    <div class="fl">
                        <div class="seleced-address hide" id="J_confirmAddress">
                        </div>
                        <div class="big-pro-tip hide J_confirmBigProTip"></div>
                    </div>
                    <div class="fr">

                        <input type="hidden" name="addressId" value="0"/>
                        <input type="hidden" name="param" value="${jiage}"/>

                        <!-- 用户id测试 结束-->


                        <input class="btn btn-primary" type="button" id="jiesuan" value="去结算"/>
                        <a href="${pageContext.servletContext.contextPath}/mycart" class="btn  btn-return">返回购物车</a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!--修改添加地址-->
<div class="mi-popup2" data-v-54b15c30="" data-v-f6440f00="" style="z-index: 100;">
    <div class="mi-popup__mask mi-modal" data-v-f6440f00=""></div>
    <div class="mi-popup__box" data-v-f6440f00="">
        <div class="mi-popup__content" data-v-f6440f00="">
            <div class="mi-dialog__wrapper address-modal" data-v-54b15c30="" data-v-f6440f00="" style="width: 660px;">
                <div aria-modal="true" class="mi-dialog" data-v-54b15c30="" data-v-f6440f00="">
                    <div class="mi-dialog__header" data-v-54b15c30="" data-v-f6440f00="">
                        <span class="mi-dialog__title" data-v-54b15c30="" data-v-f6440f00="">修改收货地址</span>
                    </div>
                    <a class="mi-dialog__headerbtn" data-v-54b15c30="" data-v-f6440f00="">
                        <i class="mi-dialog__close iconfont" data-v-54b15c30="" data-v-f6440f00=""></i>
                    </a>
                    <div class="mi-dialog__body" data-v-54b15c30="" data-v-f6440f00="">
                        <div class="mi-dialog__inner">
                            <div class="address-add" data-v-6702e325="">
                                <div class="item" data-v-6702e325="">
                                    <div class="col mr mi-input " data-v-6702e325="" data-v-968989be="">
                                        <label class="input-label"></label>
                                        <input autocomplete="off" class="input-text " data-v-968989be=""
                                               maxlength="" name="name" placeholder="" type="text">
                                        <!---->
                                        <!---->
                                        <p class="msg msg-error" data-v-968989be="" style="display: none;"></p>
                                        <span class="iconfont-circle-close icon-error" data-v-968989be="" style="display: none;"></span>
                                    </div>
                                    <div class="col mi-input " data-v-6702e325="" data-v-968989be="">
                                        <label class="input-label"></label>
                                        <input autocomplete="off" class="input-text " data-v-968989be="" maxlength=""
                                               name="telephone" placeholder="" type="text">
                                        <!---->
                                        <!---->
                                        <p class="msg msg-error" data-v-968989be="" style="display: none;"></p><span class="iconfont-circle-close icon-error"
                                                                                                                     data-v-968989be="" style="display: none;"></span>
                                    </div>
                                </div>
                                <div class="item" data-v-6702e325="">
                                    <div class="col mi-input " data-v-6702e325="" data-v-968989be=""><label class="input-label"></label>
                                        <textarea autocomplete="off" class="input-text" data-v-968989be="" maxlength="" name="addressInfo"
                                                  placeholder="详细地址，路名或街道名称，门牌号"></textarea>
                                        <p class="msg msg-error aid" data-v-968989be="" style="display: none;"></p>
                                        <span class="iconfont-circle-close icon-error" data-v-968989be="" style="display: none;"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="el-dialog__footer" data-v-54b15c30="" data-v-f6440f00="">
                        <button class="btn btn-primary" data-v-54b15c30="" data-v-f6440f00="">确定
                        </button>
                        <button class="btn btn-gray" data-v-54b15c30="" data-v-f6440f00="">取消</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--添加收获地址-->
<div class="mi-popup" data-v-54b15c30="" data-v-f6440f00="" style="z-index: 100;">
    <div class="mi-popup__mask mi-modal" data-v-f6440f00=""></div>
    <div class="mi-popup__box" data-v-f6440f00="">
        <div class="mi-popup__content" data-v-f6440f00="">
            <div class="mi-dialog__wrapper address-modal" data-v-54b15c30="" data-v-f6440f00="" style="width: 660px;">
                <div aria-modal="true" class="mi-dialog" data-v-54b15c30="" data-v-f6440f00="">
                    <div class="mi-dialog__header" data-v-54b15c30="" data-v-f6440f00="">
                        <span class="mi-dialog__title" data-v-54b15c30="" data-v-f6440f00="">添加收货地址</span>
                    </div>
                    <a class="mi-dialog__headerbtn" data-v-54b15c30="" data-v-f6440f00="">
                        <i class="mi-dialog__close iconfont" data-v-54b15c30="" data-v-f6440f00=""></i>
                    </a>
                    <div class="mi-dialog__body" data-v-54b15c30="" data-v-f6440f00="">
                        <div class="mi-dialog__inner">
                            <div class="address-add" data-v-6702e325="">
                                <div class="item" data-v-6702e325="">
                                    <div class="col mr mi-input " data-v-6702e325="" data-v-968989be="">
                                        姓名
                                        <input autocomplete="off" class="input-text " data-v-968989be=""
                                               maxlength="" name="name" placeholder="" type="text">
                                        <!---->
                                        <!---->
                                        <p class="msg msg-error" data-v-968989be="" style="display: none;"></p><span class="iconfont-circle-close icon-error"
                                                                                                                     data-v-968989be="" style="display: none;"></span>
                                    </div>
                                    <div class="col mi-input " data-v-6702e325="" data-v-968989be="">
                                        手机号
                                        <input autocomplete="off" class="input-text " data-v-968989be="" maxlength=""
                                               name="telephone" placeholder="" type="text">
                                        <!---->
                                        <!---->
                                        <p class="msg msg-error" data-v-968989be="" style="display: none;"></p><span class="iconfont-circle-close icon-error"
                                                                                                                     data-v-968989be="" style="display: none;"></span>
                                    </div>
                                </div>
                                <!--省市区三级联动-->
                                <div class="item address-info-box" data-v-6702e325="">
                                    <div id="distpicker1">
                                        <select id="sheng" style="width: 120px;height: 30px;margin-left:10px;"></select>
                                        <select id="shi" style="width: 120px;height: 30px;margin-left:10px;"></select>
                                        <select id="qu" style="width: 120px;height: 30px;margin-left:10px;"></select>
                                    </div>
                                </div>
                                <div class="item" data-v-6702e325="">
                                    <div class="col mi-input " data-v-6702e325="" data-v-968989be="">
                                        详细地址
                                        <textarea autocomplete="off" class="input-text" data-v-968989be="" maxlength="" name="addressInfo"
                                                  placeholder="详细地址，路名或街道名称，门牌号"></textarea>
                                        <!---->
                                        <p class="msg msg-error" data-v-968989be="" style="display: none;"></p>
                                        <span class="iconfont-circle-close icon-error" data-v-968989be="" style="display: none;"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="el-dialog__footer" data-v-54b15c30="" data-v-f6440f00="">
                        <button class="btn btn-primary" data-v-54b15c30="" data-v-f6440f00="">确定
                        </button>
                        <button class="btn btn-gray" data-v-54b15c30="" data-v-f6440f00="">取消</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--三级联动jquery插件-->
<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
<script src="${pageContext.servletContext.contextPath}/st/front/JS/distpicker.data.js"></script>
<script src="${pageContext.servletContext.contextPath}/st/front/JS/distpicker.js"></script>
<script src="${pageContext.servletContext.contextPath}/st/front/JS/main.js"></script>
</body>

